<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>
<body>
<form action="http://127.0.0.1:1234/index" method="post" enctype="multipart/form-data">
    <!--enctype="multipart/form-data 分段上传文件"-->
<!--action 提交信息 method 提交方式-->
<h3>注册页面</h3>
<p><label for="user">用户名:</label>
    <!--用户名与输入框绑定-->
<input type="text" name="username" placeholder="请输入用户名" id="user"></p>
<p>密码: <input type="password" placeholder="请输入密码" name="pwd" ></p>
<p>手机号：<input type="text" name="phone" placeholder="请输入手机号码"></p>
省份<select name="province">
    <option value="河北" selected>河北省</option>
    <!--selected 默认选中-->
    <!--<option value="甘肃">甘肃省</option>-->
    <optgroup label="甘肃省">
        <option value="lanzhou">兰州市</option>
        <option value="tianshui">天水市</option>
        <option value="longnan">陇南市</option>
        <option value="dignxi">定西市</option>
    </optgroup>
    <option value="山西">山西省</option>
    <option value="陕西">陕西省</option>
    <option value="青海">青海省</option>
    <option value="四川">四川省</option>
    <option value="河北">湖北省</option>
    <option value="湖南">湖南省</option>
    </select>
    <p>性别: 男<input type="radio" name="gender" value="men"> 女<input type="radio" name="gender" value="women"></p>
    <p>爱好:  音乐<input type="checkbox" name="hobby" value="music"/> 看电影<input type="checkbox" name="hobby" value="movie"> 旅游<input type="checkbox" name="hobby" value="tourism" checked></p>
    <!--disabled 可以对任何input标签作用 使其失去功能-->
    <p><input type="file" value="文件" name="提交文件"></p>
    简介<textarea name="简介" cols="10" rows="5"></textarea>
    <p>
        <label for="www">备注</label>
        <input id="www" type="text">
    </p>
    <!--{"username";"12312412@qq.com","pwd":"124143","hobby":["music","movie","tourism"],"gendler":["man","women"]}-->
    <p><input type="submit" value="提交" style="background-color: blue"> &nbsp;&nbsp;&nbsp;<input type="reset" value="重置" style="background-color: #cc0000"></p>
    <p><input type="button" value="跳转button" disabled></p>

</form>
<div>
    <p>你好 张三</p>
    <p>你好 李四</p>
    <p>你好 赵武</p>
    <p>你好  BOB</p>
</div>

</body>

</html>